// 定义懒加载插件
// 导入测试元素是否进入视口函数
import { useIntersectionObserver } from "@vueuse/core";
export const lazyPlugin = {
    install(app) {
        // 懒加载指令逻辑
        app.directive("img-lazy", {
            mounted(el, binding) {
                // el:指令绑定的元素
                // binding:指令对象 .value指令=后面绑定的表达式的值
                console.log(el, binding.value);
                const { stop } = useIntersectionObserver(el, ([entry]) => {
                    console.log(entry.isIntersecting);
                    if (entry.isIntersecting) {
                        //   进入视口区域
                        el.src = binding.value;
                        stop();
                    }
                });
            },
        });
    }
}